<?php $this->load->view('intro'); ?>
<body id="order_main">
<div id="leftpane"></div>

<div id="middlepane">
    <div id="menu">
        <?php $sequence_opt = ""; ?>
        <?php for($i=1; $i<=3; $i++) { ?>
          <?php for($j=1; $j<=5; $j++) { $index = $i . '-' . $j ?>
            <?php if(array_key_exists($index, $food_category) === TRUE) { ?>
            <?php $food = $food_category[$index]; ?>
              <?php if($food['en_name'] != '[EMPTY]') { ?>
              <div id="<?php echo $food['id'] ?>" value="<?php echo $food['en_name']; ?>" class="menubutton"><?php echo $food['en_name']; ?></div>
              <?php $sequence_opt .= "<option value=\"" . $food['id'] . "_" . $index . "\">" . $index . "</option>"; ?>
              <?php } else { ?>
              <div class="menubutton" style="visibility:hidden;">empty</div>
              <?php } ?>
            <?php } ?>
          <?php } ?>
        <?php } ?>
    </div>

    <div id="dish">
        <?php for($i=1; $i<=6; $i++) { ?>
          <?php for($j=1; $j<=5; $j++) { $seq = $i . '-' . $j . '-dish'?>
            <div id="<?=$seq?>" value="" class="dishbutton"></div>
          <?php } ?>
        <?php } ?>
    </div>

    <div id="order_header"><span style="width:220px;">Name</span><span style="width:50px;">Size</span><span style="width:30px;">Q</span><span style="width:50px;">Price</span><span style="width:50px;">Total</span></div>
    <div id="order">
        <table width="400px">
            <thead>
            </thead>
            <tbody>
            <tr><td><input type="checkbox" /></td><td><input type="text" value="chicken brocolli" /></td><td>small</td><td>2</td><td>4.5</td><td>9.0</td></tr>
            <tr><td><input type="checkbox" /></td><td><input type="text" value="general tso's chicken with garlic sauce" /></td><td>large</td><td>1</td><td>11.50</td><td>11.50</td></tr>
            <tr><td><input type="checkbox" /></td><td><input type="text" value="chicken brocolli" /></td><td>small</td><td>2</td><td>4.5</td><td>9.0</td></tr>
            <tr><td><input type="checkbox" /></td><td><input type="text" value="general tso's chicken with garlic sauce" /></td><td>large</td><td>1</td><td>11.50</td><td>11.50</td></tr>
            <tr><td><input type="checkbox" /></td><td><input type="text" value="chicken brocolli" /></td><td>small</td><td>2</td><td>4.5</td><td>9.0</td></tr>
            </tbody>
            <tfoot>
            </tfoot>
        </table>
    </div>

    <div id="sizebox">
        <div id="size1" class="activesize">size1</div><div id="size2">size2</div><div id="size3">size3</div>
        <br/><div id="add_option">add option</div><div id="all_options">all option</div>
    </div>

    <div id="register">
        <div id="subtotal">subtotal</div>
        <div id="discount">discount</div>
        <div id="tax">tax</div>
        <div id="total">total</div>
    </div>

    <div id="optioncentral">
        <p>pork fried rice</p><p>shrimp fried rice</p><p>chicken</p><p>pork</p><p>egg roll</p>
        <p>pork fried rice</p><p>shrimp fried rice</p><p>chicken</p><p>pork</p><p>egg roll</p>
        <p>pork fried rice</p><p>shrimp fried rice</p><p>chicken</p><p>pork</p><p>egg roll</p>
    </div>
</div>

<div id="rightpane">
    <div id="phone_address" style="border:1px solid red; height:400px;">phone address</div>
    <div id="order_history" style="border:1px solid red; height:300px;">order history</div>
</div>
<script type="text/javascript">
//parse food items
function change_food_category(){

}
</script>

<?php $this->load->view('outro'); ?>